<!-- <ul nz-menu nzTheme="dark" nzMode="inline">
    <li nz-submenu [nzOpen]="true" nzTitle="系统管理" nzIcon="user">
        <ul>
            <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                <a routerLink="/system/userManage">用户管理</a>
            </li>
            <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                <a routerLink="/system/roleManage">角色管理</a>
            </li>
            <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                <a routerLink="/system/menuManage">菜单管理</a>
            </li>
            <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                <a routerLink="/system/departmentManage">部门管理</a>
            </li>
            <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                <a routerLink="/system/dictionaryManage">字典管理</a>
            </li>
        </ul>
    </li>
    <li nz-submenu nzTitle="物料管理" nzIcon="team">
        <ul>
            <li nz-submenu nzTitle="基础数据">
                <ul>
                    <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                        <a routerLink="/material/basedata/work">工作令维护</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/basedata/warehouseuser">库房管理员维护</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/basedata/subwarehouse">仓库管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/basedata/tab">物料标签维护</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/basedata/accountalias">账户别名管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/basedata/submateriral">物料维护</a>
                    </li>
                </ul>
            </li>
            <li nz-submenu nzTitle="库房管理">
                <ul>
                    <li nz-menu-item routerLinkActive="ant-menu-item-selected">
                        <a routerLink="/material/warehouse/accessstore">出入库管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/manysendrecive">多发/收调整</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/batchreserved">库房批量预留</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/sagemanage">库房安全库存管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/returnwarehouse">返工库管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/effective">有效期管理</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/warehousehas">库存现有量查询</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/warehousehasreconc">库房对账</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/productremaining">产品净库存查询</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/warehousegoin">库存出入库查询</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/warehousesendrecive">库存收发存查询</a>
                    </li>
                    <li nz-menu-item>
                        <a routerLink="/material/warehouse/productnosend">未发货产品查询</a>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul> -->

<ul nz-menu nzTheme="dark" nzMode="inline">
    <ng-container *ngTemplateOutlet=" menuTemp; context : { $implicit : menuList } "></ng-container>
    <ng-template #menuTemp let-menus>
        <ng-container *ngFor="let menu of menus">
            <li [routerLink]="menu.path" nz-menu-item
                [ngClass]="activeRoute === menu.path ? 'ant-menu-item-selected' :''" routerLinkActive="ant-menu-item-selected"
                *ngIf="!menu.hidden && ( !menu.children || ( menu.children && menu.type == 1 ) )"
                [nzPaddingLeft]="menu.level * 24">
                <!-- nzSelected -->
                <i nz-icon [nzType]="menu.icon"></i>
                <span>
                    <a style="color: #fff;" [title]="menu.name">{{ menu.name }}</a>
                </span>
            </li>
            <li nz-submenu *ngIf="menu.children && menu.type < 1 && !menu.hidden" [nzPaddingLeft]="menu.level * 24" [nzOpen]="menu.open"
                [nzTitle]="menu.name" [nzIcon]="menu.icon"
                (nzOpenChange)="submenuChange({path : menu.path, level : menu.level})">
                <ul>
                    <ng-container *ngTemplateOutlet="menuTemp; context: { $implicit : menu.children }"></ng-container>
                </ul>
            </li>
        </ng-container>
    </ng-template>
</ul>